<!DOCTYPE HTML>
<html>
<head>
	<meta charset="utf-8" />
	<title>订单详情-{eyou:global name='web_name' /}</title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
	<link href="{eyou:global name='web_cmspath'/}/favicon.ico" rel="shortcut icon" type="image/x-icon" />
	{eyou:static file="users/skin/css/bootstrap.min.css" /}
    {eyou:static file="users/skin/css/basic.css" /}
    {eyou:static file="users/skin/css/eyoucms.css" /}
    {eyou:static file="users/skin/css/shop.css" /}

	{eyou:static file="/public/static/common/js/jquery.min.js"/}
    {eyou:static file="/public/plugins/layer-v3.1.0/layer.js"/}
    {eyou:static file="/public/static/common/js/tag_global.js"/}

    {eyou:include file="users/skin/css/diy_css.htm"/}
</head>

<body class="centre">
<!-- 头部 -->
{eyou:include file="users/users_header.htm" /}
<!-- 头部结束 -->

<div class="member-profile ey-member">
	<div class="container">
		<div class="member-profile-content">
			<div class="row">
				<!-- 侧边 -->
                {eyou:include file="users/users_left.htm" /}
                <!-- 侧边结束 -->

                {eyou:sporder id="field"}
                <!-- 中部 -->
                <div class="col-xs-12 col-sm-10 ey-member-safety" >
                	<div class="panel">
                		<div class="panel-body shop-order-check">
                			<div class="row order-state-1">
                				<div class="col-sm-4 shop-order-type">
                					<h3 class="state_txt font-size-20">
                						<i class="icon wb-payment orange-600" aria-hidden="true" style="font-size:30px; float:left;"></i>
                						<span>{$field.order_status_name}</span>
                					</h3>
                				</div>
                				{eyou:eq name='$field.order_status' value='0'}
	                				<div class="col-sm-8 text-xs-right shop-order-type-btn">
	                					<a href="JavaScript:void(0);" class="btn btn-warning btn-squared shop-order-close" {$field.CancelOrder}>取消订单</a>
	                					<a href="{$field.PaymentUrl}" target="_blank" class="btn btn-primary btn-squared">
	                						立即付款
	                					</a>
	                				</div>
                				{/eyou:eq}
                			</div>
                		</div>
                	</div>

                	{eyou:if condition="-1 != $field.order_status"}
                	{eyou:if condition="4 != $field.order_status"}
	                	<div class="panel">
	                		<div class="panel-body row p-b-20">
	                			<div class="pearls blocks-4">
	                				{eyou:empty name="$field.add_time"}
		                				<li class="pearl m-b-0 disabled">
		                					<div class="pearl-icon"><i class="icon wb-clipboard" aria-hidden="true"></i></div>
		                					<span class="pearl-title">下单
		                						<p class="blue-grey-400 hidden-sm-down m-b-0"></p>
		                					</span>
		                				</li>
		                			{eyou:else/}
		                				<li class="pearl m-b-0 current">
		                					<div class="pearl-icon"><i class="icon wb-clipboard" aria-hidden="true"></i></div>
		                					<span class="pearl-title">下单
		                						<p class="blue-grey-400 hidden-sm-down m-b-0">
		                							{$field.add_time|date='Y-m-d H:i:s',###}
		                						</p>
		                					</span>
		                				</li>
	                				{/eyou:empty}

	                				{eyou:empty name="$field.pay_time"}
		                				<li class="pearl m-b-0 disabled">
		                					<div class="pearl-icon"><i class="icon wb-payment" aria-hidden="true"></i></div>
		                					<span class="pearl-title">付款
		                						<p class="blue-grey-400 hidden-sm-down m-b-0">

			                					</p>
		                					</span>
		                				</li>	
		                			{eyou:else/}
		                				<li class="pearl m-b-0 current">
		                					<div class="pearl-icon"><i class="icon wb-payment" aria-hidden="true"></i></div>
		                					<span class="pearl-title">付款
		                						<p class="blue-grey-400 hidden-sm-down m-b-0">
			                						{$field.pay_time|date='Y-m-d H:i:s',###}
			                					</p>
		                					</span>
		                				</li>	
	                				{/eyou:empty}

	                				{eyou:empty name="$field.express_time"}
		                				<li class="pearl m-b-0 disabled">
		                					<div class="pearl-icon"><i class="icon wb-map" aria-hidden="true"></i></div>
		                					<span class="pearl-title">发货
		                						<p class="blue-grey-400 hidden-sm-down m-b-0">

		                						</p>
		                					</span>
		                				</li>
		                			{eyou:else/}
		                				<li class="pearl m-b-0 current">
		                					<div class="pearl-icon"><i class="icon wb-map" aria-hidden="true"></i></div>
		                					<span class="pearl-title">发货
		                						<p class="blue-grey-400 hidden-sm-down m-b-0">
		                							{$field.express_time|date='Y-m-d H:i:s',###}
		                						</p>
		                					</span>
		                				</li>
	                				{/eyou:empty}

	                				{eyou:empty name="$field.confirm_time"}
		                				<li class="pearl m-b-0 disabled">
		                					<div class="pearl-icon"><i class="icon wb-check" aria-hidden="true"></i></div>
		                					<span class="pearl-title">完成
		                						<p class="blue-grey-400 hidden-sm-down m-b-0">
		                							
		                						</p>
		                					</span>
		                				</li>
		                			{eyou:else/}
		                				<li class="pearl m-b-0 current">
		                					<div class="pearl-icon"><i class="icon wb-check" aria-hidden="true"></i></div>
		                					<span class="pearl-title">完成
		                						<p class="blue-grey-400 hidden-sm-down m-b-0">
		                							{$field.confirm_time|date='Y-m-d H:i:s',###}
		                						</p>
		                					</span>
		                				</li>
	                				{/eyou:empty}
	                			</div>
	                		</div>
	                	</div>
	                {/eyou:if}
                	{/eyou:if}
                	
                	<div class="panel">
                		<div class="order-goods">
                			<div class="table-responsive text-xs-center">
                				<table class="table table-striped m-b-0">
                					<thead>
                						<tr>
                							<th width="300">商品名称</th>
                							<th class="text-xs-center">单价</th>
                							<th class="text-xs-center">数量</th>
                							<th class="text-xs-center">小计</th>
                						</tr>
                					</thead>

                					<tbody>
                						{eyou:spordergoods id="field2"}
	                						<tr>
	                							<td class="text-xs-left">
	                								<div class="media-xs">
	                									<div class="media-left">
	                										<a href="{$field2.arcurl}" title="{$field2.product_name}" target="_blank">
	                											<img src="{$field2.litpic}" class="media-object">
	                										</a>
	                									</div>
	                									<div class="media-body">
	                										<h4 class="media-heading">
	                											<a href="{$field2.arcurl}" title="{$field2.product_name}" target="_blank" class="font-size-14">{$field2.product_name}</a>
	                										</h4>
	                										<div class="grey-500">{$field2.data}<br></div>
	                									</div>
	                								</div>
	                							</td>
	                							<td>{$field2.product_price}</td>
	                							<td>{$field2.num}</td>
	                							<td>{$field2.subtotal}</td>
	                						</tr>
	                					{/eyou:spordergoods}
                					</tbody>
                				</table>
                			</div>
                		</div>
                	</div>

                	<div class="panel">
                		<div class="panel-body order-info">
                			<div class="row">
                				<div class="col-xs-4 col-md-3 col-xl-2 text-sm-left order-info-name">订单号 : </div>
                				<div class="col-xs-8 col-md-9 col-xl-10" id="order_code">{$field.order_code}</div>
                			</div>
                			<div class="row m-t-10">
                				<div class="col-xs-4 col-md-3 col-xl-2 text-sm-left order-info-name">支付方式 : </div>
                				<div class="col-xs-8 col-md-9 col-xl-10">
                					{$field.pay_name}
                				</div>
                			</div>
                			{eyou:empty name="$field.prom_type"}
	                			<div class="row m-t-10">
	                				<div class="col-xs-4 col-md-3 col-xl-2 text-sm-left order-info-name">配送方式 : </div>
	                				<div class="col-xs-8 col-md-9 col-xl-10">快递配送</div>
	                			</div>
	                			<div class="row m-t-10">
	                				<div class="col-xs-4 col-md-3 col-xl-2 text-sm-left order-info-name">收货信息 : </div>
	                				<div class="col-xs-8 col-md-9 col-xl-10">{$field.ConsigneeInfo}</div>
	                			</div>
                			{/eyou:empty}
                			<div class="row m-t-10">
                				<div class="col-xs-4 col-md-3 col-xl-2 text-sm-left order-info-name">买家留言 :</div>
                				<div class="col-xs-8 col-md-9 col-xl-10">{$field.user_note}</div>
                			</div>
	                		<hr>
	                		{eyou:eq name="$field.prom_type" value="0"}
	                			<!-- 订单类型判断，普通订单可查看物流，虚拟订单无需查看物流 -->
	                			<div class="row m-t-10">
	                				<div class="col-xs-4 col-md-3 col-xl-2 text-sm-left order-info-name">快递公司 :</div>
	                				<div class="col-xs-8 col-md-9 col-xl-10">{$field.express_name}</div>
	                			</div>
	                			<div class="row m-t-10">
	                				<div class="col-xs-4 col-md-3 col-xl-2 text-sm-left order-info-name">物流单号 :</div>
	                				<div class="col-xs-8 col-md-9 col-xl-10">
	                					{$field.express_order}
	                					{eyou:if condition="'2' == $field.order_status or '3' == $field.order_status"}
											<a href="JavaScript:void(0);" {$field.LogisticsInquiry}>（ 物流查询 ）</a>
										{/eyou:if}
									</div>
	                			</div>
								<!-- 订单类型判断结束 -->
								{eyou:else/}
								<div class="row m-t-10">
	                				<div class="col-xs-4 col-md-3 col-xl-2 text-sm-left order-info-name">商家回复 :</div>
	                				<div class="col-xs-8 col-md-9 col-xl-10">{$field.virtual_delivery}</div>
	                			</div>
                			{/eyou:eq}
                		</div>
                	</div>
                	<div class="panel m-b-0">
                		<div class="panel-body">
                			<div class="table-responsive text-xs-center">
                				<table class="table table-striped m-b-0">
                					<thead>
                						<tr>
                							<th class="text-xs-center">订单金额</th>
                							<th></th>
                							<th class="text-xs-center">运费</th>
                							<th></th>
                							<th class="text-xs-center">实付金额</th>
                						</tr>
                					</thead>
                					<tbody>
                						<tr>
                							<td><span class="tag tag-default">￥{$field.TotalAmount}元</span></td>
                							<td>+</td>
                							<td><span class="tag tag-default">￥{$field.shipping_fee}元</span></td>
                							<td>=</td>
                							<td><span class="tag tag-default">￥{$field.order_amount}元</span></td>
                						</tr>
                					</tbody>
                				</table>
                			</div>
                		</div>
                	</div>
                </div>
                {$field.hidden}
                <!-- 中部结束 -->
                {/eyou:sporder}
			</div>
		</div>
	</div>
</div>
{eyou:include file="users/users_footer.htm" /}

